• Turkce TR
  • English En

    DataTables`ta stateSave

    DataTables'ta stateSave özelliði, tablonun durumunu (sýralama, filtreleme, sayfalama, vb.) kullanýcýnýn tarayýcýsýnda depolayarak sayfayý yeniden yüklediðinde ayný durumu geri getirmesini saðlar. Durumu depolamak ve geri yüklemek için aþaðýdaki adýmlarý takip edebilirsiniz:

     

    • DataTables eklentisini projenize ekleyin. Bunun için DataTables'in kaynak kodunu indirebilir veya CDN kullanabilirsiniz. Örneðin, aþaðýdaki kodu <head> bölümünde kullanabilirsiniz:

     

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.2/datatables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.2/datatables.min.js"></script>

     

    • DataTables'in baþlatma kodunu yazýn ve stateSave özelliðini etkinleþtirin. Aþaðýdaki gibi bir JavaScript kodu kullanabilirsiniz:
    $(document).ready(function() {
    $('#myTable').DataTable({
        stateSave: true
    });
});

     

    Yukarýdaki kodda #myTable, tablonun HTML'deki kimliðidir. Siz kendi tablo kimliðinizi kullanmalýsýnýz. stateSave özelliðini true olarak ayarlamak, durumun depolanmasýný etkinleþtirir.

    Bu adýmlarý uyguladýktan sonra, DataTables tablosu kullanýcýnýn tercih ettiði sýralama, filtreleme, sayfalama vb. durumlarý tarayýcýsýnda depolayacak ve sayfa yeniden yüklendiðinde ayný durumu geri yükleyecektir.